@charset "utf-8";
/* CSS Document */
body
{
	margin:0px;
	padding:0px;
	font-family: 'Molengo';
	overflow:hidden;
	width:100%;	
}
#left
{
	float:left;
	height:100vh;
	background-color:#1F1F1F;
	width:20%;
	overflow:scroll;
}

#mid
{
	float:left;
	height:100vh;
	background-color:#FFF;
	width:50%;	
}
#right
{
	float:left;
	height:100vh;	
	background-color:#DCDCDC;
	width:30%;
}
.controller
{
	background-color:#1F1F1F;
	color:#666;
	text-indent:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;		
	cursor:pointer;
}

.controller:hover
{
	background-color:#3B3B3B;
}

.active
{
	background-color:#1F1F1F;
	color:#FFF;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
.video
{
	width:100%;
        height:60vh;
	padding-top:40px;
	padding-bottom:60px;
}
#title
{	
	font-size:30px;
	text-align:center;
	padding-top:10px;
	color:#222;
}
#teacher
{
	font-size:15px;
	text-indent:20px;
	text-align:right;
	color:#6441A5;
	margin-right:5px;	
}
#username
{
	font-size:20px;
	color:#000;
	padding-top:40px;
	margin-left:10px;
}
#chat
{
	background:linear-gradient(#FFF, #FFF);
	width:100%;
	overflow:scroll;
	padding-bottom:40px;
	padding-top:30px;
	height:45%;
	margin-left:10px;
	margin-right:10px;
}
#chat-screen
{
	background:linear-gradient(#FFF, #FFF);
	width:95%;
	overflow:hidden;
	padding-bottom:40px;
	height:10%;
	margin-left:10px;
	margin-right:10px;
}
#space
{
	background-color:rgba(0,0,0,0);
	height:30px;
}
.chat
{
        width: 100%;
        height:100%;
	font-size:15px;
	color:#009;
	text-indent:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.demo-chat
{
	font-size:15px;
	color:#000;
	text-indent:5px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
}
#header
{
	font-size:30px;
	text-align:center;
	color:#FFF;
	background-color:#ff7522;
	
}
#left-conner
{
	background-color:#DCDCDC;
}

#button
{
	margin-left:10px;
}

span
{
	color:#009;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-indent:5px;
	font-size:15px;
}